<template>
<el-container style="height: 100vh;">
  <el-aside width="200px" style="background-color: #2f3e4c">
    <vLeft></vLeft>
  </el-aside>
  <el-container>
    <el-header style="text-align: right; font-size: 12px">
      <vHead></vHead>
    </el-header>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</el-container>
</template>
<script>
import vHead from "../header/header.vue";
import vLeft from "../leftSidebar/leftSidebar.vue";
export default {
  data() {
    const item = {
      date: "2016-05-02",
      name: "王小虎",
      address: "上海市普陀区金沙江路 1518 弄"
    };
    return {
      tableData: Array(20).fill(item)
    };
  },
  components:{
    vHead,vLeft
  }
};
</script>
<style>
.el-header {
  background-color: #3399ff;
  color: #ffffff;
  line-height: 60px;
  padding:0px;
}
.el-container{
  overflow: hidden;
}
.el-aside {
  color: #333;
}
.el-aside {
  background: #2f3e4c;
}
.el-main{
  padding: 0;
  overflow: hidden;
  height: 100%;
  /* height: 500px !important; */
}
</style>